<template>
	<view>
		<view class="bargain-bottom flex-row" style="font-size:13pt">
		    <view class="flex-grow-1 flex-y-center">
		        <navigator hoverClass="none" openType="redirect" style="width:100%;border-right:1upx solid #e2e2e2" url="/bargain/list/list">
		            <view class="flex-row flex-y-center flex-x-center">
		                <view class="flex-grow-0 flex-y-center">
		                    <image :src="data.naver=='list'?'../../static/bargain/icon-bargain-list-selected.png':'../../static/bargain/icon-bargain-list.png'"></image>
		                </view>
		                <view class="flex-grow-0 " :class="data.naver=='list'?'bottom-color':''">砍价会场</view>
		            </view>
		        </navigator>
		    </view>
		    <view class="flex-grow-1 flex-y-center flex-x-center">
		        <navigator hoverClass="none" openType="redirect" style="width:100%;" url="/bargain/order-list/order-list">
		            <view class="flex-row flex-y-center flex-x-center">
		                <view class="flex-grow-0 flex-y-center">
		                    <image :src="data.naver=='order'?'../../static/bargain/icon-bargain-my-selected.png':'../../static/bargain/icon-bargain-my.png'"></image>
		                </view>
		                <view class="flex-grow-0 " :class="data.naver=='order'?'bottom-color':''">我的砍价</view>
		            </view>
		        </navigator>
		    </view>
		</view>
		
	</view>
</template>

<script>var myVue = {};
	export default {
		props:['data'],
			
		data(){
			return{
				
			}
		}
	}
</script>

<style scoped>
.bargain-bottom {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 96upx;
    background-color: #fff;
    border-top: 1upx solid #e2e2e2;
    color: #999;
    z-index: 100;
}

.bargain-bottom image {
    width: 34upx;
    height: 34upx;
    margin-right: 16upx;
}

.bottom-color {
    color: #ff4544;
}

.navbar+.body {
    padding-bottom: 115upx;
}

.navbar+.body .bargain-bottom {
    bottom: 115upx;
}
</style>
